<template>
  <h2>我是 About 的内容</h2>
</template>

<script>
  export default {
    name: 'About',

    // TODO 通过路由规则，进入该组件时被调用
    beforeRouteEnter(to, from, next) {
      console.log('App --- beforeRouteEnter', to, from)
      if (to.meta.isAuth) {
        if (localStorage.getItem('school') === 'atguigu') {
          next()
        } else {
          alert('学校名不对，无权限查看')
        }
      } else {
        next()
      }
    },

    // TODO 通过路由规则，离开该组件时被调用
    beforeRouteLeave(to, from, next) {
      console.log('App --- beforeRouteLeave', to, from)
      next()
    }
  }
</script>